<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- <link rel="stylesheet" href="../bootstrap-4.0.0-dist/css/bootstrap.min.css">
    <script src="../bootstrap-4.0.0-dist/js/bootstrap.min.js"></script>
    <script src="../jquery/js/jquery-ui.custom.min"></script> -->

    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../mycss/main.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   
    <title>home</title>
  </head>
  <body>
        <div class="t_myarea clearfix t_zindex0">
        <div class="">
            <table class="table-house">
                <tbody>
                  <tr class="tr-house-1">
                    <td class="col-6">
                        <div id="myCarousel" class="carousel ">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators clearfix">
                              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                              <li data-target="#myCarousel" data-slide-to="1"></li>
                              <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>   
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                              <div class="item active">
                                <img src="../imgs/v800x600_ChAFD1py4iiAUNTIAAwV2_IGnSU677.JPG" alt="First slide">
                                <div class="carousel-caption">标题 1</div>
                              </div>
                              <div class="item">
                                <img src="../imgs/v800x600_ChAFD1py4iyAe8WHAAsvwgetQx4843.JPG" alt="First slide">
                                <div class="carousel-caption">标题 2</div>
                              </div>
                              <div class="item">
                                <img src="../imgs/v800x600_ChAFfVp5nCGAUA1iAA1KSpRWC5s463.JPG" alt="First slide">
                                <div class="carousel-caption">标题 3</div>
                              </div>
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="carousel-control left" href="#myCarousel" 
                               data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right" href="#myCarousel" 
                               data-slide="next">&rsaquo;</a>
                          </div>
                    </td>
                    <td class="col-9">
                        <div id="box-detail">
                          <div id="box-detail-top">
                            <h3>中德英伦世邦4居室-05卧</h3>
                            <h4>[高新 中德] 1号线 华府大道</h4>
                            <h2>￥1190/月</h2>
                            <h4>
                                <span class="label label-default">离地铁近</span>
                                <span class="label label-primary">独立阳台</span>
                                <span class="label label-success">风格4.0 木棉</span>
                            </h4>
                          </div>
                          <div id="box-detail-middle">
                              <ul class="list-group clearfix">
                                  <li class="list-group-item"><label>面积：</label></li>
                                  <li class="list-group-item"><label>朝向：</label></li>
                                  <li class="list-group-item"><label>户型：</label></li>
                                  <li class="list-group-item"><label>楼层：</label></li>
                                  <li class="list-group-item"><label>交通：</label></li>
                              </ul>
                          </div id="box-detail-button">
                            <p>
                              <button type="button " class="btn btn-info btn-lg btn-block">我要看房</button>
                            </p>
                            <p>
                                <button type="button " class="btn btn-warning btn-lg">收藏</button>
                                <button type="button " class="btn btn-warning btn-lg">预定</button>
                              </p>
                          </div>
                        </div>
                    </td>
                  </tr>
                  <tr class="row-6 tr-house-2">
                    <td>
                        <div id="box-detail-middle">
                            <ul class="list-group clearfix">
                                <li class="list-group-item"><label><b>编号：</b></label></li>
                                <li class="list-group-item"><label><b>周边：</b></label></li>
                                <li class="list-group-item"><label><b>交通</b></label></li>
                            </ul>
                        </div id="box-detail-button">
                    </td>
                    <td></td>
                  </tr>
                </tbody>
              </table>

        </div>
        </div>
  </body>
</html>